// $Id: $

jQuery.fn.system_mark = function() {
  return this.each(function() {
    $(this).addClass('ap_sys_marked');
    $('img',this).attr('border', 1);
  });
}

jQuery.fn.system_unmark = function() {
  return this.each(function() {
    $(this).removeClass('ap_sys_marked');
    $('img',this).attr('border', 0);
  });
}


jQuery(function ($) {

  // Search system bar.
  var html = '<div id="ap_findbar" class="ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" align="center" style="width: 600px; margin: 5px auto;">'
      + '<div id="ap_findsid" align="center" style="width: 180px; padding: 2px; display: inline;" class="">'
        + '<span class="ui-icon ui-icon-search" style="float: left"></span>'
        + 'System ID: '
        + '<input id="ap_sid" type="text" size="3" class="text" /> '
        + '<input id="ap_sid_find" type="button" value="Find" class="ui-state-default ui-corner-all" />'
      + '</div>'
      + '<div id="ap_syslist" class="" style="display: inline;">'
        + ' | <input type="button" id="ap_syslist_bt" class="ui-state-default ui-corner-all" value="Systems List" style="width: 200px;">'
        + '<div id="ap_syslist_items_container" class="ui-widget-content ui-corner-bottom" style="position: absolute; display: none; text-align: left;">'
          +'<div id="ap_syslist_items" style="padding: 10px; overflow: auto; max-height: 350px;"></div>'
        + '</div>'
      + '</div>'
      /*
      + '<div id="ap_tools" class="" style="display: inline;">'
        + ' | <input type="button" id="ap_tools_bt" class="ui-state-default ui-corner-all" value="Map Tools" style="width: 120px;">'
        + '<div id="ap_tools_items_container" class="ui-widget-content ui-corner-bottom" style="position: absolute; display: none; text-align: left;">'
          +'<div id="ap_tools_items" style="padding: 10px; overflow: auto; max-height: 350px;"></div>'
        + '</div>'
      + '</div>'
      */
    + '</div>';

  $('table:eq(2)').before(html);

  $('#ap_sid').keyup(function(e) {
    if (e.keyCode == 13) {
      $('#ap_sid_find').trigger('click');
    }
  })[0].focus();

  $('#ap_sid_find, #ap_syslist_bt, #ap_tools_bt')
    .hover(
      function() { $(this).addClass('ui-state-hover') },
      function() { $(this).removeClass('ui-state-hover') }
    );

  $('#ap_sid_find').click(function() {
      var sid = $('#ap_sid').val();
      var sys = $('#'+ sid);

      if (!sys.size()) {
        alert('System #'+sid+' not found!');
        return;
      }

      sys.effect('shake', {}, 80).effect('pulsate')
    });


  // Map on dialog
  $('#awplus_content table:eq(0) a').each(function() {      
    var id = this.href.match(/([0-9]+)$/)[1];
    this.id = id;
    this.href = "javascript:void(0);";
    $(this).addClass('ap_system');
    
    var title = $('img', this).attr('title');
    $('#ap_syslist_items').append('<a href="javascript: void(0);" id="ap_syslist_item_'+id+'" class="ap_syslist_item">'+title+'</a><br/>')

    $('#ap_syslist_item_'+id).click(function () {
                        $('a.ap_sys_marked').system_unmark();
                        $('#'+id).system_mark();
			awPlus.showSystemDialog(id);
			$('#ap_syslist_items_container').hide('slide', {direction: 'up'});
		});

    $(this).click(function() {
      awPlus.showSystemDialog(id);
    });
  });
  
  $('#ap_syslist_items_container').width();
  $('#ap_syslist_bt')
    .click(function() {
      var pos = $(this).offset();
      var width = $(this).width();
      $('#ap_syslist_items_container')
        .css({
          top: pos.top + $('#ap_syslist_bt').height()+2,
          left: (pos.left + (width / 2)) - ($('#ap_syslist_items_container').width() / 2)
        })
        .toggle('slide', {direction: 'up'});
      
    });
});
